import 'package:flutter/material.dart';
import 'package:flutterdemo/components/MTMain.dart';
import 'components/ExpandCase.dart';
import 'components/ListViewCase.dart';
import 'components/ListViewBuilderCase.dart';
import 'components/CustomScrollView.dart';
import 'components/ListViewSeparatedCast.dart';
import 'components/GridViewDemo1.dart';
import 'components/DioCase.dart';
// material 是谷歌提供的一套素材库 好比 Vue2中的element-uigit branch -a
// 集成到flutter中了

void main() {
  runApp(const MaterialApp(
      home: const Scaffold(
    body: const MTMain(),
    // appBar: AppBar(
    //   title: const Text("我的第一个Flutter组件"),
    // ),
    // body:const DioCase()
    // body: const CustomScrollView()
    //  body: const ListViewSeparatedCast()
    // body: const  GridViewDemo1()
    // body: const ListViewBuilderCase(),
    // body: const ListViewCase(),
    // body: const ExpandCase(),
    // body: const ColumnAndRow(),
    // body: const ImageCase2(),
    // body: const ContainerCase2()·
    //  body:   const TextCase()
    //  body:const ContainerCase()
    // body:LifeCase(),
    // body: Container(
    //   child: Column(
    //     children: const [
    //       Text('Hello 各位'),
    //       StateFulCase(title: '父传子',),
    //     LifeCase()

    //     ],
    //   ),
    // ),
  )));
  // MyApp是一个根组件

  // Vue2 Vue3 new Vue({ render: h => h(App) })
  // app.mount('#app')
}
// material 一套UI组件库 必须被MatrialApp包裹

// Scaffold

// Column Row均不能设置高度 宽度  背景色 
// Container SizeBox
